<template>
  <a-card>
    <a-tabs v-model="activeKey" type="card">
      <a-tab-pane v-for="item in tabsData" :key="item.value" :tab="item.title">
        <!-- <component ref="componentRef" :is="componentTag"></component> -->
        <operation-log-list ref="logRef"></operation-log-list>
      </a-tab-pane>
    </a-tabs>
  </a-card>
</template>
<script>
import operationLogList from './operationLogList.vue'
export default {
  name: 'tabbarInfo', //底部标签栏信息
  components: { operationLogList },
  props: {
    orderInfo: {
      type: Object,
    },
  },
  data() {
    return {
      activeKey:'1',
      tabsData: [{ value: '1', title: '日志' }],
      componentTag: 'operationLogList',
    }
  },
  watch: {
    orderInfo: {
      handler(value) {
        if(value && value.id){
          this.$nextTick(()=>{
            this.$refs.logRef[0].showLoad(value.id)
          })    
        }
      },
      immediate: true,
    },
  },
}
</script>
<style lang="less" scoped>
/deep/.ant-card-body {
  padding: 10px 0;
  box-shadow: 0 0 3px 3px #e5e5e5;
}
</style>